<template>
	<view>
		<view class="allCart u-flex u-col-top u-p-30 u-m-b-20" v-for="item in order">
			<view class="img">
				<u-image width="200rpx" height="200rpx" :src="item.goods.cover_url"></u-image>
			</view>
			<view class="right u-flex-1 u-m-l-20 u-flex u-row-between">
				<view>
					<view class="title">{{item.goods.title}}</view>
					<view class="des">{{item.goods.description}}</view>
				</view>
				<view class="u-flex u-row-between">
					<view class="price">￥{{item.price}}</view>
					<view class="salse">x{{item.num}}</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		name: "allcart",
		props: {
			order: {
				type: Array,
				default: []
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.allCart {
		align-items: stretch;
		background-color: $u-type-info-light;
		.right {
			flex-direction: column;
			align-items: stretch;
			.title{
				font-weight: bold;
			}
			.price{
				color: $u-type-error;
				font-weight: bold;
			}
		}
	}
</style>
